<template>
    <div>
      <div class="top">
        <van-icon @click="goback" class="zuo" name="arrow-left" />
        设置
      </div>
      <van-cell is-link @click="setpassword">设置个人信息</van-cell>
      <van-cell is-link>消息推送</van-cell>
      <van-cell is-link @click="delall">退出</van-cell>
    </div>
  </template>
  
  <script>
  export default {
    methods: {
      goback() {
        this.$router.back();
      },
      delall() {
        localStorage.clear();
        setTimeout(() => {
          this.$router.push("/My");
        }, 500);
      },
      setpassword(){
        this.$router.push("/Password");
      }
    },
  };
  </script>
  
  <style scoped>
  .top {
    width: 100%;
    height: 3.75rem;
    font-size: 1.25rem;
    text-align: center;
    line-height: 3.75rem;
    border-bottom: 0.0625rem solid black;
    position: relative;
  }
  .zuo {
    position: absolute;
    left: 0.625rem;
    font-size: 1.25rem;
    top: 1.375rem;
  }
  </style>